/* 页面背景 */
html { background-image: url("../photos/login_background.jpg"); }

/* form框架 */
form { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/* h1标签 */
h1 { color: white; }

 /* 账号、密码设置 */
input[type=text], input[type=password] {
	background-color: white;   color: black; border:none; border-radius: 20px;
	outline: none; text-align: center; height: 40px; width: 350px; margin: 6px;
}
input[type=text]:hover, input[type=password]:hover {
	outline: none; background-color: skyblue; color: white; box-shadow: 0 8px 16px 0 rgba(0,0,0,0), 0 6px 20px 0 rgba(0,0,0,0);
}

/* 忘记密码文本设置 */
.forget { color: skyblue; text-align: end; outline: none; display: block; width: 350px; text-decoration: none; font-size: 15px; }
.forget:hover { color: royalblue; }

/* 登录、注册设置 */
input.button {
	background-color: royalblue; color: white; border:none; border-radius: 20px;
	outline: none; text-align: center; height: 50px; width: 175px; margin: 6px;
}
input.button:hover { outline: none;   background-color:skyblue; color: gainsboro; box-shadow: 0 8px 16px 0 rgba(0,0,0,0), 0 6px 20px 0 rgba(0,0,0,0); }